﻿
@model Web_App___AWS_ELB_Monitor.Models.ELB.ELBMonitorViewModel
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script>
    
    <script type='text/javascript' src='http://www.google.com/jsapi'></script>
    <script src="@Url.Content("~/_/logic/ELBMonitor.js")" type="text/javascript"></script>
 <style>
    html,body {margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:white;}
    #Site {background-color:White;}
    #AllELBRequests {background-color:Black;}
    #Gauges {position:absolute;display:block;top:0;bottom:0;right:0;width:120px;top:0;background-color:Black;border:8px solid Silver;}
    * {overflow:hidden;}
    
 </style>
</head>

<body>
<div style="width: 100%; height: 150px;" id="AllELBRequests">
                <!-- requests chart -->
</div>
 
<iframe id="Site" scrolling="no" frameborder="0" style="width:100%;border:none;background-color:White;" src="@Model.Data.LoadBalancerUrl">
    <p>no page</p>
</iframe>

<div id="Gauges">
    
</div>


<script type="text/javascript">
    var mainELBMonitor;
    $(function(){ 
        mainELBMonitor = new ELBMonitor("@Url.Action("LoadBalancerData")", @Model.Randomise.ToString().ToLower(),40000,"@Model.Data.LoadBalancerName","AllELBRequests","Gauges",[@Model.FrontEndCPUData],[@Model.FrontEndGraphData]);
    });
</script>

</body>
</html>






